@charset "utf-8";
html { padding:0; margin:0;}
*{margin:0;	padding:0;font-size:14px; font-family: '微软雅黑';list-style:none;outline:none;word-wrap:break-word; color: #000;}
body{ margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background:#fff;}
body .home{background:#fff;}
a{text-decoration:none;}
input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none; resize:none; overflow:hidden;} 
a:active {outline: none;star:expression(this.onFocus=this.blur());}
a:hover{
	color: #ccc;
}
img{border:none;max-width: 100%;}
table{table-layout:fixed; border-collapse:collapse}
h3{
	font-size: 18px;
	color: #fff;
}
.clearfix{
	clear: both;	
}
.clearfix: before {
	content: '';
	display: block;
	clear: both;
}
.clearfix:after {
	content :'';
	display: block;
	clear: both;
}


/*header start*/
.header{
	width: 100%;
}
.header .header_top_bg{
	background: #B9D54D;
	height: 40px;

}
.header .header_top_bg .header_top_center{
	max-width: 1200px;
	margin:0 auto;
}
.header .header_top_bg .header_top_center span{
	color: #fff;
}
.header .header_top_bg .header_top_center .header_top_left{
	float: left;
	width: 50%;
}
.header .header_top_bg .header_top_center .header_top_left span{
	width: 30%;
	padding-left: 5%;
	padding-top: 2%;
	float: left;
	
}
.header .header_top_bg .header_top_center .header_top_left span:hover a{
	color: #00878c;
}
.header .header_top_bg .header_top_center .header_top_left span.phone{
	background: url(../images/phone.png) no-repeat left 100%;
}
.header .header_top_bg .header_top_center .header_top_left span.email{
	background: url(../images/email.png) no-repeat left 100%;
}
.header .header_top_bg .header_top_center .header_top_left span a{
	color: #f1f1f1;
}
.header .header_top_bg .header_top_center .header_top_right{
	float: right;
}
.header .header_top_bg .header_top_center .header_top_right span{
	display: inline-block;
	margin-top: 10px;
	border: 1px solid #f1f1f1;
	padding: 0px 10px;
	border-radius: 30px;

}
.header .header_top_bg .header_top_center .header_top_right span:hover{
	background: #13b6bc;
	border: 1px solid #13b6bc;
}
.header .header_top_bg .header_top_center .header_top_right span a{
	color: #f1f1f1;
}
.header_nav{
	max-width: 1200px;
	margin:  0 auto;
}
.header_nav .header_public_left {
	float: left;
}
.header_nav .header_public_left>ul{
	float: right;
    width: 81%;
    margin-top: 15px;
}
.header_nav .header_public_left img{
	max-width: 100%;
}
.header_nav .header_nav_log{
	width: 20%;
}
.header_nav .header_nav_title{
	width: 80%;
}
.header_nav .header_nav_title>ul>li{
	text-align: center;
    float: left;
    /* padding: 3% 2%; */
    position: relative;
    width: 14%;
    padding: 2% 0px;
}
.header_nav .header_nav_title>ul>li>a{
	color: #443b44;
    font-size: 15px;
    /* font-weight: bold; */
    text-align: center;

}
.header_nav .header_nav_title>ul>li:hover>a{
	color: #00878c;
}
.allPo{
	position: absolute;
	width: 136px;
	height: auto;
	/*right:  30px;*/
	left: -40px;
	top:45px;
	padding: 30px 20px 20px 20px;
	background: url(../images/bg_02.png) no-repeat top center;
	display: none;
	z-index: 999;
}
.header_nav .header_nav_title>ul>li>ul>li{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
}
.header_nav .header_nav_title>ul>li>ul>li a{
	color: #fff;
}
.header_nav .header_nav_title>ul>li:hover .allPo{
	display: block;
}
ul.allPo li:hover{
	background: #13b6bc;

}
/*header end*/




/*public_center 共有样式*/
.public_center{
	max-width: 1200px;
	margin: 0px auto;
}
.ind_center{
	max-width: 1200px;
	margin: 15px auto;
}
.ind_public_bg{
	background: #fefefe;
	width: 100%;
}
.public_line{
	border: 1px solid #9f9fa0;
}


/*keywords*/
.ind_bg{
	background: #00878c;
}
.keywords {
	float: left;
}
.keywords span{
	/*padding-left: 20px;*/
}
.keywords span{
	color: #fff;
	font-size: 16px;
	/*margin-top: 10px;*/
	display: block;
	padding: 20px 20px;
	font-family: '楷体 Regular';
}
.index_search{ margin:10px auto; padding:0;  height:auto; float:right;}
.index_search form{ float:right; width:302px; height:40px;}
.index_search input.search-txt{ float:left; width:240px; height:38px; background:#fff; border:0; color:#ccc; border:1px solid #f3f3f3; line-height:38px;padding-left: 10px;}
.index_search input.search-btn{ float:left; width:40px; height:40px; background:#B9D54D; border:0; }

/*主要产品*/
.publicTitle h1{
	text-align: center;
	font-size: 32px;
	padding: 20px 0px;
	font-weight: normal;
	color: #00878c;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}
.d_line{
	width: 150px;
	height: 2px;
	background: #9f9fa0;
	display: block;
	margin: 0 auto;
}
.ind_pro .public_lit{
	text-align: center;
	padding: 10px 0px;
	color: #717071;
}
.ind_pro .ind_pro_left{
	float: left;
	width: 16%;
	padding: 1%;
	margin: 1%;
}
.ind_pro .ind_pro_left>ul>li{
	
	border-bottom: 1px solid #9f9fa0;
	padding: 10px 0px;
	padding-left: 10px;
}
.ind_pro .ind_pro_left>ul>li:hover a{
	color: #B9D54D
}
.ind_pro .ind_pro_left>ul>li:first-child{
	border-top: 1px solid #9f9fa0;
}
.ind_pro .ind_pro_right{
	float: right;
	width: 78%;
	padding: 1%;
}
.ind_pro .ind_pro_right>ul>li{
	float: left;
	width: 22.5%;
	margin: 1%;
	border: 1px solid #ccc;
}
.ind_pro .ind_pro_right>ul>li img{
	max-width: 100%:;
}
.ind_pro .ind_pro_right h3{
	font-size: 18px;
	color: #fff;
}
.xp_bg{
	background: url(../images/xp_bg.jpg) no-repeat 100% 100%;
}
.xp_bg p{
	padding:50px 0px;
	color: #fff;
	font-size: 22px; 
}
.company_ind .company_ind_left{
	float: left;
	width: 24%;
	padding: 3%;
}
.company_ind_left span{
	margin-top: 50px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 20px;
}
.company_ind_left span:hover{
	background: #00878c;
	border: 1px solid #00878c;
}
.company_ind_left span:hover a{
	color: #fff;
}
.company_ind .company_ind_right{
	float: left;
	width: 64%;
	padding: 3%;
}
.company_ind_right img{
	max-width: 100%;
}



.dqbf{
	background: #f2f0ee;
}
.dqbf .dqbf_c{
	max-width: 740px;
	margin: 0 auto;
	padding-top: 20px;
}

.dqbf .dqbf_c ul li{
	float: left;
	width: 23%;
	padding: 1%;
	padding-top: 3%;
	text-align: center;
}
.zxzx{
background: #00878c;
}

.zxzx h1{
	text-align: center;
	font-size: 32px;
	padding: 20px 0px;
	font-weight: normal;
	color: #fff;
	padding-bottom: 8px;
}
.zxzx .d_line{
	width: 150px;
	height: 2px;
	background: #fff;
	display: block;
	margin: 0 auto;
}
.public_line{
	border: 1px solid #fff;
	
}

/*table选项卡*/
/* 必要布局样式css */
.change-content {
    /*padding: 30px 0;*/
}

.change-box {
    /*padding-bottom: 70px;*/
}
.div_bg{
	background: #00878c;
}
.change-main {
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}


.change-box .change-cut {
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0px;
    padding-bottom: 160px;
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    position: relative;
    cursor: default;
    width: 20%;
    float:left;
}

.flex-rows{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.change-box .change-cut ul{
    /*border: 1px solid #e5e5e5;*/
    margin-left: 0px;
    /* width: 1200px; */
}

.contents{
    max-width:1200px;
    margin: 0 auto;
    background: #f2f0ee;
    position: relative;top: -120px;

}
.content ul li{
	float: left;
    width: 46%;
    height: 30px;
    line-height: 30px;
    padding: 0.2% 0px;
    margin: 0.5% 2% 0.5% 2%;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    border-bottom: 1px dashed #8a8787;
}

.change-box .change-cut>ul>li.tab.on {
    background-color: #20B09F;
    color: #fff;
}

.change-box .change-cut>ul>li.tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: #20B09F transparent transparent transparent;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}



.change-box .contents > .flex-row {
    justify-content: space-between;
}





.items-news .items-news-list .item a:hover {
    color: #20B09F;
}
/*footer*/
footer{
    background: #f7f7f7;
}
.footer{
    width: 100%;
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}
.footer>ul{
   float: left;
   width:57%;
   color: #717071;  
}
.footer>ul>li{
    float: left;
    width: 16%;

}
.footer ul li{
    color: #717071;
    padding:2px 0;
}
.footer ul li a{
    color: #717071;

}
.footer ul li>ul{
    margin-top: 10px;
}
.footer ul li>ul>li a{
  font-size: 13px;
}
.footer>ul>li>a{
    font-size: 18px;
    font-weight: bold;
}
.footer .foot_aboutDy{
    width: 40%;
    float: left;
    /*text-align: center;*/
    border-left: 1px solid #fff;
    padding-left: 30px;
}
.footer .foot_aboutDy img{
    max-width: 100%;
}
.footer .foot_aboutDy ul li{
    text-align: left;
    padding-top: 3px;
}
.foot{
    background: #000;
}
.foot .foot_center{
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}
.foot .foot_center p{
    color: #fff;
    display: inline-block;
}
.foot .foot_center p:first-child{
    text-align: left;
    float: left;
}
.foot .foot_center p:last-child{
    text-align: right;
    float: right;
}

/*products*/
.public_banner img{
	max-width: 100%;
}
.title{
	/*padding: 10px 0px;*/
	border-bottom: 1px solid #ccc; 
}
.title .titleLeft{
	float: left;
	width: 50%;
}
.title .titleLeft span{
	display: inline-block;
	border-bottom: 2px solid #000;
	padding: 3%;
	font-size: 24px;
}
.title .titleright{
	float: left;
	width: 50%;
	text-align: right;
}
.title .titleright span{
	display: inline-block;
	padding: 3%;
}
.left{
	float: left;
	width: 18%;
	padding: 1%;

}
.left li{
	padding: 10px 0px;
	border: 1px solid #efefef;
	margin-top: 5px;
	color: #ccc;
	background-color:#efefef;
}
.left li a{
	color: #333;
	padding-left: 10px;
	display: block;
}
.left li:hover{
	
	cursor: pointer;

}
.left li:hover a{
	color: #16ab75;
	cursor: pointer;
}
.right{
	width: 78%;
	padding:1%;
	float: left;
}
.left ul{
	box-shadow: 10px 10px 10px #ccc;
}
.right ul.allPro_ li{
	float: left;
	border: 1px solid #ccc;
	width: 22%;
	margin: 1%;
}
.right ul.allPro_ li span{
	display: block;
	text-align: center;
	background: #f1f1f1;
	padding:8px 0;
}
.right ul.allPro_ li:hover span{
	background: #20B09F;
	color: #fff;

}
.right .aboutUs{
	padding: 20px;
}
.right h2{
	font-size: 28px;
	text-align: center;
	padding-bottom: 20px;
}
/*.right .aboutUs div{
	text-indent: 30px;
}*/
.aboutUs h3{
	font-size: 18px;
	color: #000;
}
/*news*/
.news_zi_ul {
  width: 100%;
  /*border-bottom: 1px solid #e5e5e5;*/
  padding: 5% 0px;
}
.news_zi_ul li{
margin-bottom: 10px;
}
.news_zi_ul li a {
  display: block;
  height: 100%;
  width: 96%;
  padding: 30px 2%;
  transition: 0.5s;
  /*border-bottom: 1px solid #e5e5e5;*/
  box-shadow: 2px 0px 10px #ccc;
}
.news_zi_ul li a .left {
  width: 78%;
  float: left;
}
.news_zi_ul li a .left h4 {
  font-size: 15px;
  color: #333;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  font-weight: 700;
}
.news_zi_ul li a .left p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  overflow: hidden;
  height: 44px;
  width: 100%;
}
.news_zi_ul li a .right {
  width: 18%;
  float: right;
  text-align: right;
  overflow: hidden;
}
.news_zi_ul li a .right time {
  display: block;
  font-size: 18px;
  color: #9e9e9e;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  width: 100%;
}
.news_zi_ul li a .right span {
  display: block;
  font-size: 13px;
  color: #494949;
  padding-right: 15px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}
.news_zi_ul li a .right i {
  height: 31px;
  display: inline-block;
  width: 31px;
  background: url(../images/news_n1.png);
  position: relative;
  right: 15px;
  transition: 0.5s;
}
.news_zi_ul li a:hover {
  background: #f7f7f7;
}
.news_zi_ul li a:hover .right i {
  background: url(../images/news_n2.png);
}
.newsView h2{
    text-align: center;
    padding: 10px;
}
.newsView{
    /*text-indent: 20px;*/
    font-size: 15px;
    padding: 10px 20px;
    line-height: 25px;
}
.newsView p{
    font-size: 15px;
}
.newsView a,.desc a{
    color: #888888;
    text-decoration: underline;
}
.newsView a:hover,.desc a:hover{
    color: red;

}
.newsView .data{
        font-size: 15px;
    color: #ccc;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
 .prev {
    width:96%;
    padding:2% 0%;
    margin:2%;
    font-size:16px;
    border:1px solid #eee;
    margin-top:40px;
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    -ms-transition:.3s all ease;
    -o-transition:.3s all ease;
    transition:.3s all ease;
    float:left;
}
 .prev a {
    color:#ccc
}
.prev:hover {
    background: #D2D2D2; 
    color:#666;
}
.prev:hover a {
    color:#666
}
.next {
    width:96%; padding:2% 0%;
    margin:2%;
    font-size:16px;
    border:1px solid #eee;
    margin-top:20px;
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    -ms-transition:.3s all ease;
    -o-transition:.3s all ease;
    transition:.3s all ease;
    float:left;
    text-align:left}
.next a {
    color:#ccc
}

/*产品详情页面*/
.cpdsbox {background:#fff;max-width: 900px;margin: 0 auto;}
.cpboxpic1 {width:350px;float:left;padding-right:60px;margin-top:30px;margin-left:30px;margin-bottom:20px;}
.cpboxpic2 {margin-top:30px;max-width: 430px;float:right;margin-right:30px;}
.cpfbt {color:#000;font-size:18px;line-height:20px;word-break:break-all;margin-bottom:20px;}
.cpjsbox {background:url(../images/panel-new.jpg);padding:20px;font-size:14px;position:relative;margin-bottom:20px}
.cpjsbox li {line-height:30px;float:left;width:100%;}
.cpname {width:80px;display:block;float:left}
.cpnamea {float:left;width: 300px;display:block;color:#74787f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cpnamea span.linyu{
    display: inline-block;
    color: #74787f;
    padding-left: 10px;

}
.cpnamea>a{
  color: #4c4c4c;
}
.MagicZoomBigImageCont {border:1px solid #91b817;background:#FFF;}
.MagicZoomMain {text-align:center !important;width:92px;}
.MagicZoomMain div {padding:0px !important;}
.MagicZoomHeader {color:#fff;background:#91b817;text-align:center !important;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:1.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img {padding-top:3px !important;}
#tsShopContainer li,#tsShopContainer img {vertical-align:top;}
#tsShopContainer {width:350px;position:relative;margin-bottom:10px;}
#tsShopContainer #tsImgS {text-align:center;width:100%;position:relative;margin-bottom:20px; border:1px solid #e3e3e3;}
#tsShopContainer #tsImgS a {display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img {border:0px;}
#tsShopContainer #tsPicContainer {width:100%;height:75px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL {width:17px;height:100%;background:url(../images/btn-left.jpg) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;margin-right:10px;}
#tsShopContainer #tsPicContainer #tsImgSArrR {width:17px;height:100%;background:url(../images/btn-right.jpg) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;margin-left:10px;}
#tsShopContainer #tsPicContainer #tsImgSCon {position:absolute;top:6px;left:40px;width:1px;height:62px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul {width:100%;overflow:hidden;height:62px;}
#tsShopContainer #tsPicContainer #tsImgSCon li {width:68px;height:64px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img {padding:3px;border:2px solid #fff;display:block;width:52px;height:52px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {border: 2px solid #d71618;}x{margin:10px auto 0;background:#fff;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.protab_menu{overflow:hidden;}
.protab_menu li{padding: 10px 20px;float:left;height:40px;line-height:20px;color:#000;background:#ccc;text-align:center;cursor:pointer;font-size: 14px;}
.protab_menu li.current{color:#fff;background:#066adc;}
.protab_menu li a{color:#fff;text-decoration:none;}
.protab_menu li.current a{color:#333;}
.xbox .tab_box{padding:20px;margin: 20px 0px;}
.xbox .tab_box li{height:24px;line-height:24px;overflow:hidden;}
.xbox .tab_box li span{margin:0 5px 0 0;font-family:"微软雅黑";font-size:12px;font-weight:400;color:#ddd;}
.xbox .tab_box .hide{display:none;}
.xbox .tab_box table tr td{
  border:1px solid #ccc;
  text-align: center;
}
.cpms .T_t, .fjcs .T_t{
  background: #f1f1f1;
    padding: 10px;
    font-size: 18px;
    color: #16ab75;
    margin-top: 20px;
    margin-bottom: 10px;
}
.fjcs table tr td{
  border: 1px solid #ececec;
  text-align: center;
  padding:5px 0px;
}
.cpms h3{
  color: #000;
  font-weight: bold;
  margin:10px 5px;
  font-size: 16px;
  border-bottom: 1px dotted #ccc;
    padding: 8px 0px;

}
.fjcs table tr:nth-child(2) td{
  background: #16ab75;
  color: #fff;
}
/*行业领域*/
.pronav {
	max-width: 1200px;
	margin: 30px auto;
}
.pronav ul{
	text-align:center;
	font-size:0;
	}
.pronav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	vertical-align:middle;
	width:12.48%;
	*width:12.4%;
	}
.pronav ul a{
	display:block;
	color:#646464;
	line-height:15px;
	text-align:center;
	position:relative;
	}
.pronav li .ico{
	display:block;
	width:100%;
	height:105px;
	background-repeat:no-repeat;
	background-position:center -12px;
	}
.pronav li .ch{
	font-size:16px;
	}
.pronav li .en{
	font-size:12px;
	letter-spacing:-1px;
	color:#c8c8c8;
	}
.pronav li .line{
	width:90px;
	height:1px;
	background:#eee;
	margin:0 auto;
	display:block;
	margin-bottom:15px;
	}
.pronav a .bg{
	width:150px;
	height:150px;
	background:#007C62;
	border-radius:100%;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-75px;
	transition:300ms;
	-webkit-transition:300ms;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	opacity:0;
	display:none\9;
	}
.pronav li:hover .bg,
.pronav li.act .bg{
	transform:scale(1);
	-webkit-transform:scale(1);
	opacity:1;
	display:block\9;
	}
.pronav li .txts{
	position:relative;
	}
.pronav .pnv66 .ico{
	background-image:url(../images/idxIco1.png);
	}
.pronav .pnv67 .ico{
	background-image:url(../images/idxIco22.png);
	} 
.pronav .pnv68 .ico{
	background-image:url(../images/idxIco3.png);
	}
.pronav .pnv69 .ico{
	background-image:url(../images/idxIco44.png);
	}  
.pronav .pnv70 .ico{
	background-image:url(../images/idxIco5.png);
	}
.pronav .pnv71 .ico{
	background-image:url(../images/idxIco66.png);
	}
.pronav .pnv72 .ico{
	background-image:url(../images/idxIco77.png);
	}
.pronav .pnv75 .ico{
	background-image:url(../images/idxIco88.png);
	}


/*分页*/
.list_page {
    border-left:1px solid #d8d8d8;
    text-align:center;
    /*font-size:0;*/
    line-height:0;
    display:inline-block;
*display:inline;
    vertical-align:middle;
}

.list_page li{
    float:left; 
}

.list_page .next_page, .list_page .disabled, .list_page .thisclass, .list_page a, .list_page .gap {
    padding:0 30px;
    border:1px solid #d8d8d8;
    border-left:0;
    display:inline-block;
    height:40px;
    line-height:40px;
    color:#666;
    float:left;text-decoration:none;
    background-color:#f0f0f0
}
.list_page .thisclass, .list_page a, .list_page .gap {
    width:60px;
    padding:0;
    height:40px;text-decoration:none;
    display:inline-block
}
.list_page .thisclass {
    color:#fff;
    background-color:#066adc ; text-decoration:none;
}
.list_page .disabled {
    color:#b4b4b4
}
.list_page .next_page {
    width:auto
}
.page_div {
    height:auto;
    margin:0 auto 20px;
*margin:20px 0;
    padding:25px 0 28px 0;
    display:none
}
.list_page a{
    margin-left:10px;
}
.list_page a:hover {
    background-color:#fff
}
a.prev_page {
    padding:0 30px;
    width:auto
}
.page_div .picnext {
    width:225px;
    height:95px;
    display:none;
    background:url(../images/paging_icon1.png) no-repeat 0 -7px;
    vertical-align:top;
    margin:-22px 0 0 20px
}
.list_page span {
    display:inline-block;
    vertical-align:top;
    margin:0;
    padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .thisclass, .list_page a, .list_page .gap {
    float:none;
    font-size:14px;
    line-height:40px;
    font-weight:bold;
    float:left;
    display:inline-block;
    vertical-align:top;
    margin:0;
    padding:0
}
.list_page li .info{ float:left; font-size:12px; border:0;}



.tabbox{ width:100%; max-width:1200px; 
    margin: 0 auto; padding-top:20px; padding-bottom:20px;
    font-size: 14px;
    color: #ddd;
    text-align: center;
}
.tabbox .tab a{display:block;padding:10px 20px;float:left;text-decoration:none;color:#888;}
.tabbox .tab a:hover{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .tab a.on{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .con{width: 100%;height: auto;max-width: 1200px;margin: 0 auto;}
.tabbox .con li{float:left;color:#979797; width:100%; display:block; font-size:12px; text-align:left;}
.tabbox .con li a{color:#979797;}
.tabbox .con li a:hover{ color:#000;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;color: #000;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}